.clearfix {

  &:before,
  &:after {
    content: " ";
    display: table;
  }

  &:after {
    clear: both;
  }
}

@media (min-width: 1400px) {
  .container {
    max-width: 1200px;
  }
}

@media (min-width: 1600px) {
  .container {
    max-width: 1400px;
  }
}

@media (min-width: 1900px) {
  .container {
    max-width: 1600px;
  }
}



$xue-color-bg-f1: #F1F1F1;
$xue-color-font-f1: #40CBF2;
$xue-color-bg-f2: #2f81f1;
